import {defineStore} from "pinia";

export const useThemeStore = defineStore('theme', {
    state: () => {
        return {
            // 菜单折叠 默认打开折叠
            isCollapse: false,
            showNav: localStorage.getItem('showNav') || false,
            color: {
                AppBackGround: 'rgba(255,255,255,0)',

                // 工具栏拖动边框色
                slide:'#b0b4af',
                // 布局分割线色
                DividingLine:'#b0b4af',
                // 主导航背景色
                Nav: 'rgba(242,242,242,0.99)',

                Setting:'',

                Full:'',

                // 打开折叠菜单 文字颜色
                openNavTextColor: 'rgb(21,21,21)',

                // 折叠菜单文字颜色
                collapseNavTextColor: '#151515',

                // 打开折叠菜单 活跃文字颜色
                openNavActiveTextColor: '#151515',

                // 折叠菜单 活跃文字颜色
                collapseActiveNavTextColor: '#151515',

                // 折叠菜单按钮颜色 默认初始设定和 openNavTextColor 定义相同 主要看 isCollapse 属性初始化来定
                collapseIconColor: 'rgb(21,21,21)',

                // 两侧工具窗口主题色
                Tool:{
                    // 侧边栏背景色
                    backgroundColor: 'rgba(255,255,255,0)',

                    // 工具栏按钮主题色
                    button:{
                        // 按钮选中背景色
                        check:'#d3d5dc',
                        // 鼠标覆盖背景色
                        hover:'#d3d5dc',
                        // 按钮图标颜色
                        icon:'#3967FF',
                    }
                },
                Window: {
                    // 窗口标签 导航栏背景色
                    backgroundColor: '#ffffff',
                    active: {
                        // 导航栏 活跃 窗口文字图标颜色
                        color: '#090909',
                    },
                    unActive: {
                        // 导航栏 非活跃 窗口文字图标颜色
                        color: 'rgb(21,21,21)',
                    },
                    // 窗口标签下划线颜色
                    underline:'rgb(0,0,0)',
                    // 窗口关闭图标颜色
                    close: 'rgb(211,213,220)',
                },
                Menu: {
                    // 左侧菜单栏布局背景
                    leftMenuBackGroundColor: '#ffffff',
                    // 活跃菜单文本颜色
                    activeTextColor: '#003fff',
                    // 菜单背景色
                    backgroundColor: '#ffffff',
                    mbc: '#ffffff',
                    // 菜单选项字体颜色
                    textColor: '#151515',
                },
                MenuPage: {
                    backgroundColor: 'rgba(248, 247, 247, 1)',
                }
            },

            // 默认配色方案
            defaultColor: {
                AppBackGround: 'rgba(255,255,255,0)',

                // 工具栏拖动边框色
                slide:'#b0b4af',
                // 布局分割线色
                DividingLine:'#b0b4af',
                // 主导航背景色
                Nav: 'rgba(242,242,242,0.99)',

                // 打开折叠菜单 文字颜色
                openNavTextColor: 'rgb(21,21,21)',

                // 折叠菜单文字颜色
                collapseNavTextColor: '#151515',

                // 打开折叠菜单 活跃文字颜色
                openNavActiveTextColor: '#151515',

                // 折叠菜单 活跃文字颜色
                collapseActiveNavTextColor: '#151515',

                // 折叠菜单按钮颜色 默认初始设定和 openNavTextColor 定义相同 主要看 isCollapse 属性初始化来定
                collapseIconColor: 'rgb(21,21,21)',

                // 两侧工具窗口主题色
                Tool:{
                    // 侧边栏背景色
                    backgroundColor: 'rgba(255,255,255,0)',

                    // 工具栏按钮主题色
                    button:{
                        // 按钮选中背景色
                        check:'#d3d5dc',
                        // 鼠标覆盖背景色
                        hover:'#d3d5dc',
                        // 按钮图标颜色
                        icon:'#3967FF',
                    }
                },
                Window: {
                    // 窗口标签 导航栏背景色
                    backgroundColor: '#ffffff',
                    active: {
                        // 导航栏 活跃 窗口文字图标颜色
                        color: '#090909',
                    },
                    unActive: {
                        // 导航栏 非活跃 窗口文字图标颜色
                        color: 'rgb(21,21,21)',
                    },
                    // 窗口标签下划线颜色
                    underline:'rgb(0,0,0)',
                    // 窗口关闭图标颜色
                    close: 'rgb(211,213,220)',
                },
                Menu: {
                    // 左侧菜单栏布局背景
                    leftMenuBackGroundColor: '#ffffff',
                    // 活跃菜单文本颜色
                    activeTextColor: '#003fff',
                    // 菜单背景色
                    backgroundColor: '#ffffff',
                    mbc: '#ffffff',
                    // 菜单选项字体颜色
                    textColor: '#151515',
                },
                MenuPage: {
                    backgroundColor: '#ffffff',
                    Header: '#efefef',
                    Body: '#efefef'
                }
            }
        }
    },
    getters: {},
    actions: {}
})